<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/js/laydate5.3.1/theme/default/laydate.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="/static/js/layui/css/layui.css" type="text/css" media="all"/>

    <style>
        .imgp{
            position: absolute;
            right: -17px;
            bottom: 7px;
        }
        .demo-footer a{padding: 0 5px; color: #01AAED;}
        .table-header-fixed {
            top: 0px;
            position: fixed;
            z-index: 999;
        }
        .table-height {
            padding-top: 17%;
        }
        .layui-form-item{
            clear: both;
        }
        .layui-table {
            width: 100%;
            margin: 0px 0;
            background-color: #fff;
            color: #666;
        }
        .layui-table-view {
            margin: 0px 0;
        }
        body .layeriframe {
            background-color: rgba(0,0,0,0.9);
            color: #FFFFFF;
        }
    </style>
</head>
<body>
<div class="layui-form">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">日期范围</label>
            <div class="layui-inline" id="test6">
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" id="startDate" class="layui-input" placeholder="开始日期">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" id="endDate" class="layui-input" placeholder="结束日期">
                </div>
            </div>
            <button class="layui-btn layui-btn-normal" id="exports">导出</button>
            <button class="layui-btn layui-btn-warm" id="select">查询</button>
        </div>
    </div>
</div>
<table class="layui-table" id="test" lay-filter="demoEvent">
</table>

<script src="/static/js/laydate5.3.1/laydate.js" charset="utf-8" type="text/javascript"></script>
<script src="/static/js/layui/layui.js" charset="utf-8" type="text/javascript"></script>
<script src="/static/js/jquery-3.6.0.min.js" charset="utf-8" type="text/javascript"></script>
<script type="text/html" id="question">
    <img src="../../../../static/images/question.png">
</script>
<script>
    layui.use(['table','layer'], function() {
        // 加载提示
        var loadingMsg = layer.msg('数据请求中', {icon: 16, scrollbar: false, time: 0});
        var table = layui.table;
        var date = new Date();
        var month = date.getMonth()+1;
        var day = date.getDate();
        var year = date.getFullYear();
        month = (month.toString().length == 1) ? ("0"+month) : month;
        day = (day.toString().length == 1) ? ("0"+day) : day;
        var level = ${level!''};
        var startDate = year+'-01-01';
        var endDate = year+'-'+month+'-'+day;
        table.render({
            elem: '#test',
            method: 'post',
            url: '/azbj/statisticalreports/info/bdlist',
            id: 'tableId',
            even: true,
            height:'full-100',
            cols: [
                [
                    {colspan: 32, align: 'center', title: '安置帮教情况统计表'}
                ],
                [
                    {
                        field: 'time', colspan: 4, align: 'left',
                        title: '   统计期间：    '
                    },
                    {colspan: 28, align: 'left', title: '数据指标统计(说明:当前系统项仅为系统上线使用后新录入数据情况统计)：'}
                ],
                [
                    {field: 'childs', align: 'center', rowspan: 4, title: '各地市', id: 'childs', width: '120', unresize: true},
                    {align: 'center', colspan: 5, title: '录入指标', unresize: true},
                    {align: 'center', colspan: 12, title: '核查指标', unresize: true},
                    {align: 'center', colspan: 9, title: '衔接指标', unresize: true},
                    {align: 'center', colspan: 2, title: '安置指标', unresize: true},
                    {align: 'center', colspan: 2, title: '帮教指标', unresize: true},
                    {align: 'center', colspan: 1, title: '救助指标', width: 100, unresize: true}
                ],
                [
                    {field: 'lrrs', rowspan: 2, title: '录入总人数', width: 120, align: 'center', unresize: true},
                    {align: 'center', colspan: 4, title: '其中'},
                    {field: 'hczrs', rowspan: 2, title: '发起核查总人数', width: 150, align: 'center', unresize: true},
                    {align: 'center', colspan: 4, title: '其中'},
                    {field: 'wchczrs', rowspan: 2, title: '完成核查总人数', width: 150, align: 'center', unresize: true},
                    {field: 'wchcl', rowspan: 2, title: '完成核查率<br>（完成核查总人数÷发起核查总人数）', width: 270, align: 'center', unresize: true},
                    {align: 'center', colspan: 3, title: '其中'},
                    {field: 'hccgs', rowspan: 2, title: '核查成功数', width: 120, align: 'center', unresize: true},
                    {field: 'hccgl', rowspan: 2, title: '核查成功率<br>（核查成功数÷发起核查总人数）', width: 240, align: 'center', unresize: true},
                    {field: 'xmsf', rowspan: 2, title: '刑满释放人数', width: 130, align: 'center', unresize: true},
                    {field: 'zdxmsf', rowspan: 2, title: '重点刑满释放人数', width: 160, align: 'center', unresize: true},
                    {field: 'xjzs', rowspan: 2, title: '衔接总人数', width: 120, align: 'center', unresize: true},
                    {field: 'xjl', rowspan: 2, title: '衔接率<br>（衔接总人数÷刑满释放总人数）', width: 240, align: 'center', unresize: true},
                    {align: 'center', colspan: 3, title: '其中'},
                    {field: 'zdbj', rowspan: 2, title: '重点帮教对象衔接人数', width: 180, align: 'center', unresize: true},
                    {field: 'zdbjl', rowspan: 2, title: '重点帮教衔接率<br>（重点帮教对象衔接人数÷重点帮教对象刑满释放总数）', width: 380, align: 'center', unresize: true},
                    {field: 'azzs', rowspan: 2, title: '安置总数', width: 100, align: 'center', unresize: true},
                    {field: 'azl', rowspan: 2, title: '安置率<br>（安置总数÷衔接总人数）', width: 230, align: 'center', unresize: true},
                    {field: 'bjzs', rowspan: 2, title: '帮教总数', width: 100, align: 'center', unresize: true},
                    {field: 'bjl', rowspan: 2, title: '帮教率<br>（帮教总数÷衔接总人数）', width: 230, align: 'center', unresize: true},
                    {field: 'jzzs', rowspan: 2, title: '救助总数', width: 100, align: 'center', unresize: true}
                ],
                [
                    {field: 'lrrs_jy', colspan: 1, title: '监狱录入总人数', width: 130, align: 'center', unresize: true},
                    {field: 'lrrs_kss', colspan: 1, title: '看守所录入总人数', width: 150, align: 'center', unresize: true},
                    {field: 'lrrs_sj', colspan: 1, title: '社矫录入总人数', width: 130, align: 'center', unresize: true},
                    {field: 'sfsbl', colspan: 1, title: '司法所补录', width: 100, align: 'center', unresize: true},
                    {field: 'fqhcl', colspan: 1, title: '发起核查率<br>{发起核查总人数÷（录入总人数-司法所补录）}', width: 330, align: 'center', unresize: true},
                    {field: 'hczrs_jy', colspan: 1, title: '监狱发起核查总人数', width: 160, align: 'center', unresize: true},
                    {field: 'hczrs_kss', colspan: 1, title: '看守所发起核查总人数', width: 170, align: 'center', unresize: true},
                    {field: 'hczrs_sj', colspan: 1, title: '社矫发起核查总人数', width: 160, align: 'center', unresize: true},
                    {field: 'wchczrs_jy', colspan: 1, title: '完成核查总人数<br>（监狱）', width: 140, align: 'center', unresize: true},
                    {field: 'wchczrs_kss', colspan: 1, title: '完成核查总人数<br>（看守所）', width: 140, align: 'center', unresize: true},
                    {field: 'wchczrs_sj', colspan: 1, title: '完成核查总人数<br>（社矫）', width: 140, align: 'center', unresize: true},
                    {field: 'xjzs_jy', colspan: 1, title: '衔接总人数<br>（监狱）', width: 100, align: 'center', unresize: true},
                    {field: 'xjzs_kss', colspan: 1, title: '衔接总人数<br>（看守所）', width: 100, align: 'center', unresize: true},
                    {field: 'xjzs_sj', colspan: 1, title: '衔接总人数<br>（社矫）', width: 100, align: 'center', unresize: true}
                ],
                [
                    {align: 'center', colspan: 1, title: '人', width: 120, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 130, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 150, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 130, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 150, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 330, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 160, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 170, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 160, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 150, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 270, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 140, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 140, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 140, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 120, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 240, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 130, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 160, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 120, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 240, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 180, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 380, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 220, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '%', width: 220, align: 'center', unresize: true},
                    {align: 'center', colspan: 1, title: '人', width: 100, align: 'center', unresize: true}
                ]
            ],
            done: function (res, curr, count) {
                // 关闭提示层
                layer.close(loadingMsg);
                //处理统计期间日期显示问题
                $(".layui-table-header").find("tr").eq(1).find("th").eq(0).find("div").text('   统计期间：'+$("#startDate").val()+' - '+$("#endDate").val());
                //处理单元格的高度
                $(".layui-table-header").find("tr").eq(4).find("th").find("div").css("height", "auto");
                $(".layui-table-header").find("tr").eq(1).find("th").find("div").css("height", "auto");
                $(".layui-table-header").find("tr").eq(3).find("th").find("div").css("height", "auto");
                //处理复杂表头因为colspan=1而多出的列
                $(".layui-table-body").find("td").each(function (index, element) {
                    if ($(this).attr("data-field") >= 0) {
                        $(this).css("display", "none");
                    }
                });
                //设置单元格的边框
                $(".layui-table-header").find("tr").eq(1).find("th").eq(0).attr('style', 'border-right:none;padding-left:30px');
                if (level == 7) {
                    $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").text("各区县");
                } else if (level == 8) {
                    $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").text("各乡镇/街道");
                }else if (level == 3) {
                    $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").text("本乡镇/街道");
                }
                //处理复杂表头固定
                let headerTop = $('.layui-table-header').offset().top; //获取表格头到文档顶部的距离
                $(window).scroll(function () {
                    if ((headerTop - $(window).scrollTop()) < 10) { //超过了
                        $('.layui-table-header').addClass('table-header-fixed'); //添加样式，固定住表头
                        $('.layui-table-box').addClass('table-height');
                    } else { //没超过
                        $('.layui-table-header').removeClass('table-header-fixed'); //移除样式
                        $('.layui-table-box').removeClass('table-height'); //移除样式
                    }
                });
                //滚动body,header跟随滚动
                $('.layui-table-body').on('scroll', function (e) {
                    var leftPx = $(e.target).scrollLeft(); //获取表格body，滚动条距离左边的长度
                    var left = 'translateX(-' + leftPx + 'px)';
                    $('.layui-table-header .layui-table').css('transform', left); //设置表格header的内容反向(-)移动
                });
                //给表头增加说明
                //录入单位
                $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").on('click',function(e){
                    layer.msg('录入单位<br>根据服刑人员户籍地址来进行确定', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //录入总人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(0).find("div").on('click',function(e){
                    layer.msg('录入总人数<br>日期范围内，监狱/看守所/社矫/司法所录入的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(0).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(0).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //发起核查总人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(2).find("div").on('click',function(e){
                    layer.msg('发起核查总人数<br>只统计在日期范围内，录入的人数中发起核查的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(2).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(2).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //完成核查总人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(4).find("div").on('click',function(e){
                    layer.msg('完成核查总人数<br>只统计在日期范围内，录入的人数中司法所完成核查的总人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(4).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(4).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //核查成功数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(7).find("div").on('click',function(e){
                    layer.msg('核查成功数<br>只统计在日期范围内，录入的人数中司法所核查成功的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(7).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(7).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //刑满释放人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(9).find("div").on('click',function(e){
                    layer.msg('刑满释放人数<br>只统计(刑期止日或现刑期止日)在日期范围内的人数<br>', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(9).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(9).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //重点刑满释放人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(10).find("div").on('click',function(e){
                    layer.msg('重点刑满释放人数<br>只统计(刑期止日或现刑期止日)在日期范围内，<br>并且属于危安犯、三无、三假、有再犯罪倾向人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(10).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(10).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //衔接总人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(11).find("div").on('click',function(e){
                    layer.msg('衔接总人数<br>只统计(刑期止日或现刑期止日)在日期范围内的人数，<br>并且(由司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(11).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(11).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //重点帮教对象衔接人数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(14).find("div").on('click',function(e){
                    layer.msg('重点帮教对象衔接人数<br>只统计(刑期止日或现刑期止日)在日期范围内的人数，<br>并且属于危安犯、三无、三假、有再犯罪倾向,<br>并且(由司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(14).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(14).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //安置总数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(16).find("div").on('click',function(e){
                    layer.msg('安置总数<br>只统计(刑期止日或现刑期止日)在日期范围内<br>(司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)<br>并且已安置的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(16).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(16).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //帮教总数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(18).find("div").on('click',function(e){
                    layer.msg('帮教总数<br>只统计(刑期止日或现刑期止日)在日期范围内<br>(司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)<br>并且已帮教的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(18).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(18).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                //救助总数
                $(".layui-table-header").find("tr").eq(3).find("th").eq(20).find("div").on('click',function(e){
                    layer.msg('救助总数<br>只统计(刑期止日或现刑期止日)在日期范围内<br>(司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)<br>并且已救助的人数', {
                        time: 40000, //20s后自动关闭
                        skin: 'layeriframe',
                        btn: ['明白了'],
                        btnAlign: 'c'
                    });
                });
                $(".layui-table-header").find("tr").eq(3).find("th").eq(20).find("div").find("span").css('position','relative');
                $(".layui-table-header").find("tr").eq(3).find("th").eq(20).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")
            }
        });


        laydate.render({
            elem: '#startDate',
            value: year + '-01-01'
        });
        laydate.render({
            elem: '#endDate',
            value: new Date()
        });
        laydate.render({
            elem: '#test6',
            range: ['#startDate', '#endDate'],
            done: function (value) {
                var value = value;
                var data = value.split(" - ");
                startDate = data[0];
                endDate = data[1];
            },
        });

        //表格重载
        function reloadTable() {
            // 加载提示
            var loadingMsg = layer.msg('数据请求中', {icon: 16, scrollbar: false, time: 0});
            table.reload('tableId', {
                url: '/azbj/statisticalreports/info/bdlist',
                method: 'post',
                where: {
                    'startDate': startDate,
                    'endDate': endDate
                },
                done: function () {
                    laydate.render({
                        elem: '#test6',
                        range: ['#startDate', '#endDate'],
                        done: function (value) {
                            var value = value;
                            var data = value.split(" - ");
                            startDate = data[0];
                            endDate = data[1];
                        },
                    });
                    laydate.render({
                        elem: '#startDate',
                        value: startDate
                    });
                    laydate.render({
                        elem: '#endDate',
                        value: endDate
                    });
                    //处理统计期间日期显示问题
                    $(".layui-table-header").find("tr").eq(1).find("th").eq(0).find("div").text('   统计期间：'+$("#startDate").val()+' - '+$("#endDate").val());
                    //处理单元格的高度
                    $(".layui-table-header").find("tr").eq(4).find("th").find("div").css("height", "auto");
                    $(".layui-table-header").find("tr").eq(1).find("th").find("div").css("height", "auto");
                    $(".layui-table-header").find("tr").eq(3).find("th").find("div").css("height", "auto");
                    //处理复杂表头因为colspan=1而多出的列
                    $(".layui-table-body").find("td").each(function (index, element) {
                        if ($(this).attr("data-field") >= 0) {
                            $(this).css("display", "none");
                        }
                    });
                    //设置单元格的边框
                    $(".layui-table-header").find("tr").eq(1).find("th").eq(0).attr('style', 'border-right:none;padding-left:30px');
                    if (level == 7) {
                        $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").text("各区县");
                    } else if (level == 8) {
                        $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").text("各乡镇/街道");
                    }
                    layer.close(loadingMsg);
                    //处理复杂表头固定
                    let headerTop = $('.layui-table-header').offset().top; //获取表格头到文档顶部的距离
                    $(window).scroll(function () {
                        if ((headerTop - $(window).scrollTop()) < 20) { //超过了
                            $('.layui-table-header').addClass('table-header-fixed'); //添加样式，固定住表头
                            $('.layui-table-box').addClass('table-height');
                        } else { //没超过
                            $('.layui-table-header').removeClass('table-header-fixed'); //移除样式
                            $('.layui-table-box').removeClass('table-height'); //移除样式
                        }
                    });
                    //滚动body,header跟随滚动
                    $('.layui-table-body').on('scroll', function (e) {
                        var leftPx = $(e.target).scrollLeft(); //获取表格body，滚动条距离左边的长度
                        var left = 'translateX(-' + leftPx + 'px)';
                        $('.layui-table-header .layui-table').css('transform', left); //设置表格header的内容反向(-)移动
                    });
                    //给表头增加说明
                    //录入单位
                    $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").on('click',function(e){
                        layer.msg('录入单位<br>根据服刑人员户籍地址来进行确定', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(2).find("th").eq(0).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //录入总人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(0).find("div").on('click',function(e){
                        layer.msg('录入总人数<br>日期范围内，监狱/看守所/社矫/司法所录入的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(0).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(0).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //发起核查总人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(2).find("div").on('click',function(e){
                        layer.msg('发起核查总人数<br>只统计在日期范围内，录入的人数中发起核查的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(2).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(2).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //完成核查总人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(4).find("div").on('click',function(e){
                        layer.msg('完成核查总人数<br>只统计在日期范围内，录入的人数中司法所完成核查的总人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(4).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(4).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //核查成功数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(7).find("div").on('click',function(e){
                        layer.msg('核查成功数<br>只统计在日期范围内，录入的人数中司法所核查成功的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(7).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(7).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //刑满释放人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(9).find("div").on('click',function(e){
                        layer.msg('刑满释放人数<br>只统计(刑期止日或现刑期止日)在日期范围内的人数<br>', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(9).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(9).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //重点刑满释放人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(10).find("div").on('click',function(e){
                        layer.msg('重点刑满释放人数<br>只统计(刑期止日或现刑期止日)在日期范围内，<br>并且属于危安犯、三无、三假、有再犯罪倾向人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(10).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(10).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //衔接总人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(11).find("div").on('click',function(e){
                        layer.msg('衔接总人数<br>只统计(刑期止日或现刑期止日)在日期范围内的人数，<br>并且(由司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(11).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(11).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //重点帮教对象衔接人数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(14).find("div").on('click',function(e){
                        layer.msg('重点帮教对象衔接人数<br>只统计(刑期止日或现刑期止日)在日期范围内的人数，<br>并且属于危安犯、三无、三假、有再犯罪倾向,<br>并且(由司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(14).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(14).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //安置总数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(16).find("div").on('click',function(e){
                        layer.msg('安置总数<br>只统计(刑期止日或现刑期止日)在日期范围内<br>(司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)<br>并且已安置的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(16).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(16).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //帮教总数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(18).find("div").on('click',function(e){
                        layer.msg('帮教总数<br>只统计(刑期止日或现刑期止日)在日期范围内<br>(司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)<br>并且已帮教的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(18).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(18).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")

                    //救助总数
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(20).find("div").on('click',function(e){
                        layer.msg('救助总数<br>只统计(刑期止日或现刑期止日)在日期范围内<br>(司法所衔接成功、司法所从未衔接转入安置帮教或司法所补录)<br>并且已救助的人数', {
                            time: 40000, //20s后自动关闭
                            skin: 'layeriframe',
                            btn: ['明白了'],
                            btnAlign: 'c'
                        });
                    });
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(20).find("div").find("span").css('position','relative');
                    $(".layui-table-header").find("tr").eq(3).find("th").eq(20).find("div").find("span").append("<img class='imgp' src='../../../../static/images/question.png'>")
                }
            });
        }


        $("#exports").click(function () {
            if (startDate == undefined || endDate == undefined) {
                startDate == year + '-01-01';
                endDate == new Date();
            }
            top.location.href = encodeURI("/azbj/statisticalreports/exportExcelBdFile?startDate="+startDate+"&endDate="+endDate+"");
            reloadTable();
        });
        $("#select").click(function () {
            reloadTable();
        });
    });
</script>

</body>
</html>